<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>

    // ES6 引入新的声明字符串的方式： ``   ''  ""

    // 1. 声明字符串
    let str = `我也是一个字符串哦~`
    console.log(str, typeof str);     // 我也是一个字符串哦~ string

    // 2. 内容中可以直接出现换行
    let str2 = `<ul>
                  <li>1</li>   
                  <li>2</li>
                  <li>3</li>   
                </ul>`
    console.log(str2);
    // <ul>
    //   <li>1</li>
    //   <li>2</li>
    //   <li>3</li>
    // </ul>

    // 3. 变量拼接
    let xiao_shen_yang = '小沈阳'
    let output = `我是${xiao_shen_yang}`
    console.log(output);        // 我是小沈阳


  </script>
</body>

</html>